<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="book.css">
	<title>Document</title>
	<meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no">
</head>
<body>
	<div>
		<div class="Myimage">
		<ul id="image">
			<li id="image1">
				<image src="image1.jpg">
			</li>
			<li id="image2">
				<image src="image2.jpg">
			</li>
			<li id="image3">
				<image src="image3.jpg">
			</li>
			<li id="image4">
				<image src="image4.jpg">
			</li>
			<li id="image5">
				<image src="image5.jpg">
			</li>
			<li id="image6">
				<image src="image6.jpg">
			</li>
		</ul>
			
		</div>
	</div>
	<script src="books2.js" type="text/javascript"></script>
<!-- 	<script>window.jQuery || document.write('<script src="books2.js"><\/script>')</script>
 -->	<script src="books.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
			$('.Myimage #image').kissSlider({
				prevSelector: '.Myimage .previous',
				nextSelector: '.Myimage .next',
				paginationSelector: '.Myimage .kiss-pagination',
				startIndex:3,
			});
		})
	</script>
</body>
</html>